<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>流水</title>
    <link rel="stylesheet" href="../src/css/weui.css">
    <script src="../src/js/libs/jquery-3.0.0.min.js"></script>
    <script src="../src/js/main.js"></script>
    <style>
        .weui_tab_bd{
            overflow: hidden;
        }
        .fail{
            color: red;
        }
        .waiting{
            color: orange;
        }
        .checking{
            color: #29a2ff;
        }
       .weui_media_box .weui_media_bd.time{
           flex-grow: 0.4;
        }

        /* 交易统计 */
        .weui_cells_access a.weui_cell{
            background-color: #F2F2F2;
        }
    </style>
</head>
<body>
<div class="navbar">
    <div class="bd" style="height: 100%;">
        <div class="weui_tab">
            <div class="weui_navbar">
                <div class="weui_navbar_item tab-1 weui_bar_item_on">
                    全部
                </div>
                <div class="weui_navbar_item tab-2">
                    线上
                </div>
                <div class="weui_navbar_item tab-3">
                    线下
                </div>
                <div class="weui_navbar_item tab-4">
                    代办
                </div>
            </div>
            <div class="weui_tab_bd">
                   <div class="weui_tab_bd_item  item-1" style="display: block">
                       <div class="weui_cells weui_cells_access">
                           <a class="weui_cell" href="javascript:;">
                               <div class="weui_cell_ft">查看交易统计</div>
                           </a>
                       </div>
                       <div class="weui_panel_bd">
                           <a href="cash-flow-detail.html" class="weui_media_box weui_media_appmsg">
                               <div class="weui_media_bd time">
                                   <h4 class="weui_media_title">今天</h4>
                                   <p class="weui_media_desc">10：06</p>
                               </div>
                               <div class="weui_media_bd ">
                                   <h4 class="weui_media_title">+344.00</h4>
                                   <p class="weui_media_desc">王女士-线上支付</p>
                               </div>
                               <div class="weui_media_ft">
                                   <h4 class="weui_media_title checking">退款待审核</h4>
                               </div>
                           </a>
                           <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
                               <div class="weui_media_bd  time">
                                   <h4 class="weui_media_title">昨天</h4>
                                   <p class="weui_media_desc">21：06</p>
                               </div>
                               <div class="weui_media_bd">
                                   <h4 class="weui_media_title">+344.00</h4>
                                   <p class="weui_media_desc">王先生-线下支付</p>
                               </div>
                               <div class="weui_media_ft">
                                   <h4 class="weui_media_title fail">交易关闭</h4>
                               </div>
                           </a>
                           <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
                               <div class="weui_media_bd  time">
                                   <h4 class="weui_media_title">昨天</h4>
                                   <p class="weui_media_desc">10：06</p>
                               </div>
                               <div class="weui_media_bd">
                                   <h4 class="weui_media_title">+344.00</h4>
                                   <p class="weui_media_desc">张女士-代办</p>
                               </div>
                               <div class="weui_media_ft">
                                   <h4 class="weui_media_title waiting">等待买家付款</h4>
                               </div>
                           </a>
                       </div>
                   </div>
                <div class="weui_tab_bd_item  item-2">
                    <div class="weui_cells weui_cells_access">
                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_ft">查看交易统计</div>
                        </a>
                    </div>
                    <div class="weui_panel_bd">
                        <a href="cash-flow-detail.html" class="weui_media_box weui_media_appmsg">
                            <div class="weui_media_bd time">
                                <h4 class="weui_media_title">今天</h4>
                                <p class="weui_media_desc">10：06</p>
                            </div>
                            <div class="weui_media_bd ">
                                <h4 class="weui_media_title">+344.00</h4>
                                <p class="weui_media_desc">王女士-线下</p>
                            </div>
                            <div class="weui_media_ft">
                                <h4 class="weui_media_title checking">退款待审核</h4>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="weui_tab_bd_item  item-3 ">
                    <div class="weui_cells weui_cells_access">
                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_ft">查看交易统计</div>
                        </a>
                    </div>
                    <div class="weui_panel_bd">
                        <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
                            <div class="weui_media_bd  time">
                                <h4 class="weui_media_title">昨天</h4>
                                <p class="weui_media_desc">21：06</p>
                            </div>
                            <div class="weui_media_bd">
                                <h4 class="weui_media_title">+344.00</h4>
                                <p class="weui_media_desc">王先生-线上支付</p>
                            </div>
                            <div class="weui_media_ft">
                                <h4 class="weui_media_title fail">交易关闭</h4>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="weui_tab_bd_item  item-4">
                    <div class="weui_cells weui_cells_access">
                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_ft">查看交易统计</div>
                        </a>
                    </div>
                    <div class="weui_panel_bd">
                        <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
                            <div class="weui_media_bd  time">
                                <h4 class="weui_media_title">昨天</h4>
                                <p class="weui_media_desc">10：06</p>
                            </div>
                            <div class="weui_media_bd">
                                <h4 class="weui_media_title">+344.00</h4>
                                <p class="weui_media_desc">张女士-代办</p>
                            </div>
                            <div class="weui_media_ft">
                                <h4 class="weui_media_title waiting">等待买家付款</h4>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


</body>
</html>